<?xml version="1.0" encoding="utf-8"?>
<svg
  version="1.1"
  viewBox="0 0 800 800"
  width="800" height="800"
  style="margin:auto"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  inkscape:label="pallas-pattern.roundlines"
>
  <defs>
    <clipPath id="clip-image">
      <rect width="100%" height="100%"/>
    </clipPath>
  </defs>
  <g inkscape:label="clipped image" clip-path="url(#clip-image)">


    <g fill="none" stroke="#000" stroke-width="2" inkscape:label="lines">

      <g inkscape:label="roundlines pattern">
        <g inkscape:label="crosses">
          <use href="#cross-lines" transform="translate( 400  400)" inkscape:label="bottom-right"/>
          <use href="#cross-lines" transform="translate(   0  400)" inkscape:label="bottom-center"/>
          <use href="#cross-lines" transform="translate(-400  400)" inkscape:label="bottom-left"/>
          <use href="#cross-lines" transform="translate( 400    0)" inkscape:label="center-right"/>
          <g id="cross-lines" inkscape:label="center-center">
            <!-- math.sqrt(2)*100 = 141.4213562373095 -->
            <path inkscape:label="left" d="m 300 300 a 141.4213562373095 141.4213562373095 0 0 1 41.4213562373095 100 141.4213562373095 141.4213562373095 0 0 1 -41.4213562373095 100"/>
            <path inkscape:label="right" d="m 500 500 a 141.4213562373095 141.4213562373095 0 0 1 0 -200"/>
            <path inkscape:label="top" d="m 500 300 a 141.4213562373095 141.4213562373095 0 0 1 -100 41.4213562373095 141.4213562373095 141.4213562373095 0 0 1 -100 -41.4213562373095"/>
            <path inkscape:label="bottom" d="m 300 500 a 141.4213562373095 141.4213562373095 0 0 1 200 0"/>
          </g>
          <use href="#cross-lines" transform="translate(-400    0)" inkscape:label="center-left"/>
          <use href="#cross-lines" transform="translate( 400 -400)" inkscape:label="top-right"/>
          <use href="#cross-lines" transform="translate(   0 -400)" inkscape:label="top-center"/>
          <use href="#cross-lines" transform="translate(-400 -400)" inkscape:label="top-left"/>
        </g>
        <g inkscape:label="circles">
          <!-- math.sqrt(2)*100 = 141.4213562373095 -->
          <circle cx="600" cy="600" r="141.4213562373095" inkscape:label="bottom-right"/>
          <circle cx="200" cy="600" r="141.4213562373095" inkscape:label="bottom-left"/>
          <circle cx="600" cy="200" r="141.4213562373095" inkscape:label="top-right"/>
          <circle cx="200" cy="200" r="141.4213562373095" inkscape:label="top-left"/>
        </g>
      </g>




    </g>

    <g inkscape:label="circles and text">
      <g inkscape:label="circles" stroke-width="2" fill="white" stroke="black">
        <title>Circles</title>
        <circle cx="100" cy="100" r="60"/>
        <circle cx="300" cy="100" r="60"/>
        <circle cx="500" cy="100" r="60"/>
        <circle cx="700" cy="100" r="60"/>
        <circle cx="100" cy="300" r="60"/>
        <circle cx="300" cy="300" r="60"/>
        <circle cx="500" cy="300" r="60"/>
        <circle cx="700" cy="300" r="60"/>
        <circle cx="100" cy="500" r="60"/>
        <circle cx="300" cy="500" r="60"/>
        <circle cx="500" cy="500" r="60"/>
        <circle cx="700" cy="500" r="60"/>
        <circle cx="100" cy="700" r="60"/>
        <circle cx="300" cy="700" r="60"/>
        <circle cx="500" cy="700" r="60"/>
        <circle cx="700" cy="700" r="60"/>
      </g>
      <g inkscape:label="text" dominant-baseline="middle" text-anchor="middle" font-family="sans" font-size="40" fill="black">
        <text x="100" y="100">F1L</text>
        <text x="300" y="100">M2L</text>
        <text x="500" y="100">F4L</text>
        <text x="700" y="100">M3L</text>
        <text x="100" y="300">F2S</text>
        <text x="300" y="300">M1S</text>
        <text x="500" y="300">F3S</text>
        <text x="700" y="300">M4S</text>
        <text x="100" y="500">F3L</text>
        <text x="300" y="500">M4L</text>
        <text x="500" y="500">F2L</text>
        <text x="700" y="500">M1L</text>
        <text x="100" y="700">F4S</text>
        <text x="300" y="700">M3S</text>
        <text x="500" y="700">F1S</text>
        <text x="700" y="700">M2S</text>
      </g>
    </g>

  </g>
</svg>
